@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.65s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.08) rotate(0deg) translateY(0); -ms-transform: scale(1.08) rotate(0deg) translateY(0); transform: scale(1.08) rotate(0deg) translateY(0) }
/**/
.fullSlide { position: relative; z-index: 1; clear: both; width: 100% ;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #64dcff; margin: 0 12px; border-radius: 50%; opacity: .9; -o-transition: all .3s ease; transition: all .3s ease ; box-sizing: border-box; border: 1px solid #fff;}
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #64dcff;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }
.c_right ul li img{ width: 381px;}
/**/
.brij{background:url(../images/brij.jpg) no-repeat center 0; height:945px; margin-bottom: -159px; box-sizing: border-box; padding-top: 81px;}
.brij dl{ overflow: hidden; position: relative; height: 429px;}
.brij dl:before{ position: absolute; content: ""; left: 560px; top: 143px; width: 126px; height: 14px;background:url(../images/bj_lin.png) no-repeat;}
.brij dl dt{ font-size: 0; line-height: 0; float: left; overflow: hidden;}
.brij dl dd{ float: right; width: 492px; margin-top: 53px;}
.brij dl dd h3{background:url(../images/bj_r.png) no-repeat 155px 0; height: 169px;}
.brij dl dd h3 span{ display: block; line-height: 100%; font-weight: normal; font-size: 34px; color: #333333; letter-spacing: 2px;}
.brij dl dd h3 i{ display: block; font-size: 34px; color: #333333; font-weight: bold; line-height: 100%; padding-top: 38px; letter-spacing: 3px;}
.brij dl dd p{ color: #342c2a; font-size: 15px; line-height: 26px;}
.brij ul li{ float: left; line-height: 100%; color: #342c2a; font-size: 15px;background:url(../images/bj_lin.jpg) no-repeat right 15px; padding-right:100px; margin-right:94px;}
.brij ul li i{ display: block; position: relative; line-height: 100%;font-weight: bold; padding-bottom: 5px;}
.brij ul li i b{ display: inline-block; position: absolute; top: 0; font-size:42px; line-height: 60%;}
.brij ul li i span{ display: inline-block; line-height: 80%; font-size: 80px; font-family: arial; letter-spacing: -6px;}
.brij ul li i strong{ font-size:77px; font-family: arial;  letter-spacing: -6px;}
.brij ul li:nth-of-type(3) i b,.brij ul li:nth-of-type(4) i b{ font-size: 22px; width: 50px; line-height: 100%;}
.brij ul li:last-of-type{ padding-right: 0; background: none; margin-right: 0;}
    /**/
h2{ text-align: center; line-height: 100%;}
h2 i{ display: block; line-height: 100%; color: #333333; font-size: 48px; letter-spacing: 5px;}
h2 span{ display: block; line-height: 100%; font-size: 18px; color: #737373; padding: 12px 0 26px 0;font-weight: normal;}
/**/
.fuw{ overflow: hidden; height: 1301px;}
.fuw dl{ float: left; width: 382px; height: 468px; background: #f5f5f5; margin: 0 25px 58px 0px;}
.fuw dl:nth-of-type(3n){ margin-right: 0;}
.fuw dl dt{overflow: hidden;    height: 287px;}
.fuw dl dt a{ display: block; position: relative;}
.fuw dl dt a:before{ content: ""; left:-8px; top: 217px; position: absolute; width: 241px; height:89px;background: url(../images/fw.png) no-repeat;    z-index: 5;}
.fuw dl dt a em{ display: block; position: absolute; left: 0; top:246px; z-index: 5; font-size:19px; color: #fff; font-weight: bold; height: 41px; line-height: 35px; padding-left: 51px; letter-spacing: 1px;background: url(../images/fw1.png) no-repeat 15px 0;}
.fuw dl dt a em span{ display: inline-block; padding-right:34px;background: url(../images/fw_m.png) no-repeat right 11px;}
.fuw dl:nth-of-type(2) dt a em{background: url(../images/fw2.png) no-repeat 15px 6px;}
.fuw dl:nth-of-type(3) dt a em{background: url(../images/fw3.png) no-repeat 15px 0;}
.fuw dl:nth-of-type(4) dt a em{background: url(../images/fw4.png) no-repeat 15px 2px;}
.fuw dl:nth-of-type(5) dt a em{background: url(../images/fw5.png) no-repeat 15px 0;}
.fuw dl:nth-of-type(6) dt a em{background: url(../images/fw6.png) no-repeat 15px 3px;}
.fuw dl dt a img{    width: 382px;}
.fuw dl dd{ padding: 34px 0 0;}
.fuw dl dd p{ overflow: hidden; height: 86px; padding-left: 15px;}
.fuw dl dd p a{ display: inline-block; padding-left: 12px; line-height: 100%; font-size: 15px; color: #333333; float: left; margin-bottom: 18px; background: url(../images/fw_ico.png) no-repeat 0 5px; box-sizing: border-box; width: 33.33%;}
.fuw dl dd h4{ text-align: center;}
.fuw dl dd h4 a{ display: inline-block; margin: 0 7px;font-weight: normal; transition: all 0.2s;}
.fuw dl dd h4 a:nth-of-type(1){ height: 35px; line-height: 35px; border-radius: 35px; color: #fff; background: #343434; width: 101px;}
.fuw dl dd h4 a:nth-of-type(2){ padding-left: 32px; height: 29px; line-height: 29px; width: 64px; border: 3px solid #dcdcdc; background: #fff url(../images/fw_btn.png) no-repeat  11px 6px; border-radius: 29px; font-size: 13px; color: #4c4c4c; text-align:left;}
.fuw dl dd h4 a:nth-of-type(1):hover{ width: 111px;}
.fuw dl dd h4 a:nth-of-type(2):hover{ width: 76px;}
.fuw h5{text-align: center; position: absolute; left: 0; width: 100%; bottom: 77px;}
.fuw h5 a{ display: inline-block; text-align: left; font-weight: normal; padding:46px 0 0 46px; width: 245px; height: 65px; line-height: 57px; font-size: 21px; color: #333333; letter-spacing: 2px;background: #fff url(../images/fw_btn2.png) no-repeat; transition: all 0.2s;}
.fuw h5 a:hover{ letter-spacing: 4px; padding-left: 36px; width: 255px;}
/**/
.prs{ height: 550px; background: url(../images/prs.jpg) no-repeat  center 0;}
.prs h3{ padding-top: 92px; height: 82px; overflow: hidden;}
.prs h3 i{ display: inline-block; float: right; width: 86px;}
.prs h3 i span{ display: inline-block; float: left;}
.prs h3 i span:nth-of-type(1){ padding-top: 8px; width: 47px; height: 32px; text-align: center; cursor: pointer;}
.prs h3 i span:nth-of-type(2){ margin-top: 10px; padding-top: 16px; width: 29px; height: 31px; cursor: pointer; padding-left: 10px;}
.prs h3 em{ display: inline-block; float: left; padding-left: 90px; line-height: 100%; font-size: 38px; color: #333333;}
.prs h3 em a{ color: #333; display: inline-block; line-height: 100%;font-weight: normal; letter-spacing: 2px;}
.prs ul{ overflow: hidden;}
.prs ul li{ float: left; width: 225px; height: 299px; overflow: hidden; position: relative; margin-right: 18px;}
.prs ul li img{width: 225px; }
.prs ul li em{ display: inline-block; text-align: center; width: 100%; position: absolute; left: 0; top: 27px; font-size: 15px; color: #333; line-height: 24px; box-sizing: border-box; padding: 0 12px;}
/**/
.power h2{ padding-top: 72px; height: 130px;}
.power h2 i{ color: #fff; text-shadow: 0 0 7px rgba(82,188,251,0.75)}
.power h2 span{ color: #fff;text-shadow: 0 0 5px rgba(82,188,251,0.65)}

.power{max-width:1920px;margin:0 auto 83px; height:940px; background: url(../images/baoz.jpg) no-repeat  center 0;overflow:hidden}
.power_container{width:100%;min-width:1200px;height:649px;position:relative;overflow:hidden;}
.power_con{width:1226px;position:absolute;left:50%;margin-left:-613px}
.power_con .tempWrap,.power_con .tempWrap div{overflow:visible!important}
.power_con dl{width:1200px;position:relative;padding:0 13px 132px}
.power_con dt{width:1200px;height:517px;overflow:hidden;position:relative}
.power_con dt img{width:1200px;height:517px}
.power_con dt:after{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,.42);left:0;top:0;opacity:1;-o-transition:all .3s ease;transition:all .3s ease}
.power_con dd{width:775px;height:282px;background:#008fe5;bottom:0;z-index:24;position:absolute;right:13px;bottom:30px;-o-transition:all .3s ease;padding:51px 48px 0 43px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.power_con dd h3{padding-bottom:27px;position:relative; overflow: hidden;}
.power_con dd h3:after{position:absolute;content:"";width:72px;height:1px;background:#fff;left:0;bottom:0}
.power_con dd h3 strong{display:inline-block;font-size:38px;line-height:100%;color:#fff; float: left;}
.power_con dd h3 span{display:inline-block;font-size:28px;line-height:100%;color:rgba(255,255,255,.95);font-weight:400;margin-top:9px; float: left; padding-left: 18px; letter-spacing:2px;}
.power_con dd p{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px;line-height:29px;color:#fff;margin-top:17px}
.power_con dl.active dt:after{opacity:0}
.power_next,.power_prev{width:59px;height:100px;position:absolute;cursor:pointer;top:435px;-o-transition:all .3s ease;transition:all .3s ease; z-index: 55;}
.power_next:hover,.power_prev:hover{}
.power_prev{left:45px}
.power_next{left:102px}
.scrollbar_container{position:absolute;left:60px;bottom:49px}
.scrollbar_container .num{font-size:18px;line-height:100%;color:#333;float:left}
.scrollbar_container .scrollbar{position:relative;width:209px;height:1px;background:#fff;margin:9px 20px;float:left}
.scrollbar_container .scrollbar i{display:block;width:16.6666%;left:0;top:-1px;position:absolute;background:#008fe5;height:2px;-o-transition:all .3s ease;transition:all .3s ease}
/**/
.anli{ height: 1345px;background: url(../images/anli.png) no-repeat  center 128px;}
.anli h2{ height: 120px;}
.a_lis{ overflow: hidden; height: 105px;}
.a_lis ul li{ float: left; padding: 0 39px;}
.a_lis ul li a{ display: inline-block; line-height: 100%; font-size: 20px; color:#333333; padding-top: 27px; background: url(../images/a_li2.png) no-repeat  center 2px;}
.a_lis ul li a:hover{font-weight: bold; color: #33a0eb;background: url(../images/a_li1.png) no-repeat  center 0;}

.a_on ul li{ float: left; width: 381px; margin: 0 28px 30px 0; font-size: 0; line-height: 0;transition: all 0.2s;}.a_on ul li:nth-of-type(3n){ margin-right: 0;}
.a_on ul li img{ width: 381px;}.a_on ul li b{ overflow: hidden; display:block;}
.a_on ul li em{ display: block; border: 1px solid #e1e1ed; padding: 26px 0 0 24px; height: 69px;}
.a_on ul li em i{ display: block; line-height: 100%; color: #333333; font-size: 16px; margin-bottom: 16px;}
.a_on ul li em span{ display: block;line-height: 100%; color: #939393; font-size: 14px; font-family: Arial;background: url(../images/a_i1.png) no-repeat  56px 2px;}
.a_on ul li:hover em i{ color: #008fe5;}
.a_on ul li:hover em span{ color: #008fe5;background: url(../images/a_i2.png) no-repeat  56px 2px;}
.a_on ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.13);}

.a_bom{ margin-top: 32px; position: relative;}
.a_bom h3{ text-align: center; line-height: 100%; margin-bottom: 39px; font-size: 38px; font-weight:normal; color: #333;background: url(../images/a_hh.png) no-repeat  center center;}
.a_bom h3 span{font-weight: bold;}
.a_uu{ position: absolute; cursor: pointer; left: -76px; top: 108px;}
.a_dd{ position: absolute; cursor: pointer; right: -76px; top: 108px;}
.a_bom ul li{ float: left; font-size: 0; line-height: 0; overflow: hidden; border: 1px solid #eee; width: 205px; margin-right: 40px;}
.a_bom ul li img{ width: 205px;}
/**/
.caj{ background: url(../images/caj.jpg) no-repeat  center 0; height:1009px; margin-bottom: 87px;}
.caj h2{ padding-top: 103px; height: 103px;}
.caj .content{background: url(../images/c_h2.png) no-repeat  731px 26px;}
.caj ul li{ float: left; font-size: 0; line-height: 0; position: relative; overflow: hidden; margin: 0 0 18px 18px; width: 338px; height: 349px;}
.caj ul li:first-child{ margin-left: 0; width: 487px; height: 716px;}
.caj ul li i{ display: block; position: absolute; left: 0; bottom: 0; width: 100%;background: url(../images/caj.png) no-repeat; height: 189px; color: #fff; font-size: 16px; box-sizing: border-box; padding:147px 0 0 26px;}
/**/
.news{height: 807px;overflow: hidden;}
.news h2{ height: 124px;}
.dongt{float:left;width:576px;}
.dt_qh{height: 70px;line-height: 70px;}
.dt_qh li{float:left;padding-right:25px;}
.dt_qh li a{font-size:20px;color: #333333;}
.dt_qh li.on{font-weight: bold;}
.dt_qh span a{font:14px arial;color: #666666;line-height: 70px;}
.dt_l{height: 431px;border-bottom: 1px solid #eeeeee;margin-bottom: 18px;position: relative;}
.dt_l li{position: relative;height: 431px;}
.dt_l li i{display: block;font-size:0;line-height: 0;width:576px;overflow: hidden; position: relative;}
.dt_l li i img{width:576px;height: 288px;}
.dt_l li i em{ display: inline-block; position: absolute; left: 0; bottom: 0; background: #008fe5; color: #fff; z-index: 55; width: 134px; height: 95px;  font-size: 15px; line-height: 100%; padding-left: 27px;}
.dt_l li i em span{ display: block; line-height: 100%; font-size: 33px; padding: 21px 0 9px 0;}
.dt_l li h4 a{display: block;margin-top:34px;height: 26px;line-height: 26px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:433px;font-weight: normal;}
.dt_l li p{font-size:14px;color: #808080;line-height: 22px;width:433px;padding-top:14px;}
.dt_l li:after{content: "";display: block;width:1px;height: 99px;background: #dbdbdb;position: absolute;right:109px;bottom:7px;}
.dtn{position: absolute;right:0;top:322px; cursor: pointer;}
.dtn img{padding-left:27px;}
.dt_b li{height: 32px;line-height: 32px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dt_b li a{font-size:16px;color: #333333;}
.dt_b li em{float: right;font:12px arial;color: #999999;line-height: 32px;}

.went{float: right;width:570px;}
.went .tit{height: 70px;line-height: 70px;border-bottom:1px solid #eeeeee;box-sizing: border-box;}
.went .tit span a {font-size:20px;color: #333333;}
.went .tit em a{font:14px arial;color: #666666;line-height: 70px;float: right;}
.went ul{margin-top:15px;height: 257px;overflow: hidden;}
.went li{height: 36px;line-height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:18px;background: url(../images/ns_ico1.jpg) no-repeat left center;}
.went li a{font-size:16px;color: #333333;}
.went li em{float: right;font:12px arial;color: #999999;line-height: 32px;}
.went dl{height: 125px;margin-bottom: 22px;}
.went dd{float:left;width:348px;height: 125px;border:1px solid #f5f5f5;box-sizing: border-box;padding:16px 16px 0 20px; background: #fafafa;}
.went dd h4 a{display: block;height: 31px;line-height: 31px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.went dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:8px;}
/**/
.zouj{ height: 866px;background: url(../images/zouj.jpg) no-repeat center 0;}
.zouj h2{ padding-top: 114px;}
.zouj h2 em{font-weight: normal;}
.zouj h2 span{ padding-bottom: 29px; color: #333;}
.zouj p{ overflow: hidden; margin: 0 200px; text-align: center; height: 103px; font-size: 16px; color: #222222; line-height: 31px;}
.zouj h4{ text-align: center; height: 165px;}
.zouj h4 a{ display: inline-block; text-align: left;font-weight: normal;background: url(../images/zj_btn.png) no-repeat; width: 253px; height: 51px; line-height:48px; font-size: 18px; color: #333333; box-sizing: border-box; padding-left: 76px; transition: all 0.2s;}
.zouj h4 a:hover{ letter-spacing:3px;}


.list6{height:390px;}
.fenc{ height: 347px; }
.f_tit{height:52px; overflow: hidden;}
.f_tit li {float:left; margin-right:44px; font-size: 20px; color: #333333; padding-left: 39px;background: url(../images/zj_ico1.png) no-repeat;height:52px;}
.f_tit li:nth-of-type(2){background: url(../images/zj_ico2.png) no-repeat;}
.f_tit i{ display: inline-block; float: right; margin-top: 7px;}
.f_tit i a{ display: inline-block; line-height: 100%; font-weight: bold; font-size: 20px; color: #333333; font-weight: bold;}
.f_tit li.on{font-weight: bold;}
.f_fl_j,.f_fr_j{margin-top:88px;}
.f_nr li{float:left; width:288px;margin-right:16px; font-size:0; line-height: 0;}
.f_nr li img {width:288px;height:216px;}
.f_nr li span{ display: block; line-height: 100%; padding-top: 12px; text-align: center;}
.f_nr li span a{ display: block; line-height: 100%; font-size: 15px; color: #333333;}
    /**/
.links { height:70px; overflow: hidden; clear: both;}
.links em { display: inline-block; font-size: 14px; line-height: 80px; font-weight: normal; color: #333; padding-right:31px;}
.links a { font-size: 14px; color: #333; line-height: 72px; display: inline-block; margin-left: 37px; transition: .3s ease; -o-transition: .3s ease }
.links a:hover {text-decoration: underline; color: #000; opacity: 0.8;}
/**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/**/
/**/
/**/
/**/
.n_r2 ul li a:hover,.n_r1 ul li:hover i,.n_l1 ul li i:hover{ color: #1b91e0;}
.fwzc ul li:hover i a{color: #000;padding-left: 53px;}
.fwzc ul li img{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.fwzc ul li:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.p_lis dl dt em:nth-of-type(1){ animation: move 450ms ease-in-out 100ms infinite alternate;}
.p_lis dl dt em:nth-of-type(2){ animation: move 500ms ease-in-out 100ms infinite alternate;}
.p_lis dl dt em:nth-of-type(3){ animation: move 600ms ease-in-out 100ms infinite alternate;}
.case_con dl dd p span{ display: block; padding-bottom: 15px;}
@keyframes move{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}


/**/
.products_l ul li,.products_r ul li{ overflow: hidden;}
.products_l ul li i,.products_r ul li i{ display: inline-block}
.products_l ul li img,.products_l ul li i,.products_l ul li span,.products_r ul li img,.products_r ul li i,.products_r ul li span{transition: all 0.3s linear 0s;}
.products_l ul li:hover img,.products_r ul li:hover img{transform: scale(1.035);}
.products_l ul li:hover i,.products_r ul li:hover i{transform: translateY(3px);}
.products_l ul li:hover span,.products_r ul li:hover span{transform: translateY(-3px);}
/**/
.fuw dl dd p a:hover{ text-decoration: underline;}
.fuw dl dt{ overflow: hidden;}
.fuw dl dt img,.a_on ul li b img,.caj ul li img{transition: all 0.3s linear 0s;}
.fuw dl dt:hover img,.a_on ul li b:hover img,.caj ul li:hover img{transform: scale(1.035);}
/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}